// pages/index/index.js
import request from '../.../../../utils/request'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    bannerList:[], //轮播图数据,
    recommendList:[], //推荐歌单数据
    topList:[], //排行榜数据
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: async function (options) {
    // http://localhost:3000/banner
    // wx.request({
    //   url:'http://localhost:3000/banner',
    //   data:{type:2},
    //   success:(res)=>{
    //     console.log(res)
    //   },
    //   fail:(err)=>{
    //     console.log(err)
    //   }
    // })
    let result = await request('banner',{type:2})
    this.setData({
      bannerList:result.banners
    })
    let recommendresult = await request('personalized',{limit:10})
    this.setData({
      recommendList:recommendresult.result
    })
    let index = 0;
    let resultArr = []
    while(index < 5){
      let topResult = await request('top/list',{idx:index++})
      // splie(修改原数组) slice(不改变原数组)
      let topListItem = {name:topResult.playlist.name,tracks:topResult.playlist.tracks.slice(0,3)}
      resultArr.push(topListItem)
      // 用户体验好,但是渲染次数多,性能较差
      this.setData({
        topList:resultArr
      })
    }
    // 更新状态值的时候,放在此处更新会导致发送请求的过程中页面长时间白屏,用户体验差
    // this.setData({
    //   topList:resultArr
    // })

    // console.log(this.topList,666)
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})